define([""],function(){
	App.myApp.onPageInit("page.center.personalInfo.index",function(){

        // 预览
        function preview(file) {
            var prevDiv = $(file).parent().find('.preview-avatar');
            if (file.files && file.files[0]) {
                var reader = new FileReader();
                reader.onload = function(evt) {
                    prevDiv.html('<img src="' + evt.target.result + '" />');
                }
                reader.readAsDataURL(file.files[0]);
            } else {//IE
                prevDiv.html('<div class="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>');
            }
        }
        $('.upload_avatar').change(function(){
            preview(this);
        });
        // 个人标签选择
        $('.personal-label').on('click',function(){
            var interval = setInterval(function(){
                if($('.smart-select-page').length > 0){
                    mylabeltopbox_init();
                    labelCheck();
                    labelCheckboxClickInit();
                    clearInterval(interval);
                }
            },100);
        });
        function mylabeltopbox_init(){
            $('.smart-select-page .list-block').before('<div class="my-label-top-box">\n' +
                '                <p class="title">选择你最擅长的</p>\n' +
                '                <p class="intro">添加自己的标签，得到更精准的服务</p>\n' +
                '            </div>');

            $('.smart-select-page .item-divider:not(:first-of-type)').before('<li class="item-divider-before"></li>');
        }
        function labelCheck(){
            $('.label-checkbox>input').each(function(){
                if($(this).is(':checked')){
                    $(this).parent('.label-checkbox').addClass('label-checkbox-checked');
                }else{
                    $(this).parent('.label-checkbox').removeClass('label-checkbox-checked');
                }
            });
        }
        function labelCheckboxClickInit() {
            $('.label-checkbox').on('click',function(){
                if($(this).hasClass('label-checkbox-checked')){
                    $(this).removeClass('label-checkbox-checked');
                }else{
                    $(this).addClass('label-checkbox-checked');
                }
            });
        }
    });
	return {
		context:{}
	};
});